﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>绿色环保社区</title>
    <link href="style/style.css" rel="stylesheet"type="text/css"/>
</head>
<body>
<div id="top_bd">
    <div id="container">
        <div id="header">
            <div id="header_logo">绿色环保<span>[保护环境,造福人类]</span></div>
            <div id="header_bottom">
                <div id="manu">
                    <ul>
                        <li><a href="#">关于我们</a> </li>
                        <li><a href="#">日常工作</a> </li>
                        <li><a href="#">环境报告</a> </li>
                        <li><a href="#">环境常识</a> </li>
                        <li><a href="#">国际合作</a> </li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="contnt">
            <div id="content_left">
                <div id="section">
                    <div id="section_1_top">用户登录</div>
                    <div id="section_1_mid">
                        <div class="myform">
                            <form action="" method="post">
                                <div class="frm_cont username">用户名：
                                <label for="username"></label>
                                <input type="text" name="username" id="username" />
                                </div>
                                <div class="frm_cont password">密 码:
                                <label for="password"></label>
                                <input type="password" name="password" id="password" />
                                </div>
                                <div class="dtns">
                                    <input type="submit" name="button1" id="button1" value="登录" />
                                    <input type="submit" name="button2" id="button2" value="注册" />
                                </div>
                            </form>
                        </div>
                    </div>
                    <div id="section_1_bottom"></div>
                </div>
                <div id="section2">
                    <div id="section_2_top">新闻更新</div>
                    <div id="section_2_mid">
                        <ul>
                            <li><a href="#" target="_blank">中华鲟的保护环境日益改善</a></li>
                            <li><a href="#" target="_parent">电脑社区设置“环保之星”大奖</a> </li>
                            <li><a href="#" target="_blank">世界环保组织到中国四川考察</a> </li>
                            <li><a href="#" target="_blank">低碳生活离我们的生活远吗？</a> </li>
                        </ul>
                    </div>
                    <div id="section_2_bottom"></div>
                </div>
            </div>
            <div id="content_right">
                <div class="post">
                    <h1>我们的职责</h1>
                    <p>绿色环保社区是大家交流环保知识和发起环保活动的场所。</p>
                    <p>生态文明建设体制机制改革取得重大突破，顶层设计和制度体系建设加快形成。</p>
                    <p>绿色发展方式逐步培育、渐成常态，生态文明经济体系建设潮流涌动、势不可挡。</p>
                </div>
                <div class="post">
                    <h1>自然美景</h1>
                    <a href="#"><img src="http://pic33.nipic.com/20131007/1729271_160542550000_2.jpg" width="108"height="108" /></a>
                    <a href="#"><img src="http://pic114.nipic.com/file/20161101/20614752_140110311000_2.jpg" width="108"height="108" /></a>
                    <a href="#"><img src="http://pic114.nipic.com/file/20161101/20614752_140110311000_2.jpg" width="108"height="108" /></a>
                    <a href="#"><img src="http://pic27.nipic.com/20130221/10493198_085251968000_2.jpg" width="108"height="108" /></a>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="footer"></div>
</body>
</html>